#media-popup ul{
	list-style: none outside none;
}
/*MEDIA TOOLBAR*/
#media-toolbar{
    width: 100%;
	float:left;
	padding: 4px;
}
/*MEDIA FILTER*/
#media-popup #media-filter {
	width: 270px;
	float:left;	
}
#media-popup #media-filter select {
	width: auto;
	float:left;
}
/*MEDIA PAGINATION*/
#media-popup ul#media-pagination {
	float:right;
}
#media-popup ul#media-pagination li {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #000000;
    float: left;
    font: 12px Verdana;
    margin-right: 2px;
}
#media-popup ul#media-pagination li.current{
	border: 1px solid #E4E7E4;
    font: 700 12px Verdana;
	padding: 3px 7px;
}
#media-popup ul#media-pagination li a{
	border: 1px solid #E4E7E4;
	float:left;
    padding: 3px 7px;
}

#media-popup ul#media-pagination li a:hover{
	background: none repeat scroll 0 0 #E1EFFF;
    border: 1px solid #65A5EA;
}
/*LIST FILES*/
#media-popup ul#media-list{
	float:left;	
	width:100%;
	height:235px;
	overflow:scroll;
}
#media-popup ul#media-list li{
	cursor: pointer;
    text-align: center;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	float: left;
	height: 90px;
	margin: 4px;
	padding: 4px;
	text-align: center;
	width: 80px;
}
#media-popup ul#media-list li div.title{
	float: left;
    font-size: 9px;
    height: 11px;
    overflow: hidden;
    width: 80px;
}
#media-popup ul#media-list li div.preview {
    float: left;
    height: 80px;
    width: 80px;
	vertical-align:middle;
	text-align:center;
}
#media-popup ul#media-list li.clicked {
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 5px #1E8CBE;
}
/*MEDIA SIDEBAR*/
#media-popup #media-sidebar{
	float:left;
	width:100%;
}
#media-popup #media-sidebar h3{
	color: #777777;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;	
}
#media-popup #media-sidebar .thumbnail {
    border: 1px solid #CCCCCC;
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
    height: 120px;
    width: 120px;
    position: relative;
}
#media-popup #media-sidebar .thumbnail img {
    display: block;
    margin: auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
    max-height: 120px;
    max-width: 120px;
}
#media-popup #media-sidebar .details {
    float:left;
	width:390px;
}
#media-popup #media-sidebar .details div{
    float:left;
	width:390px;
	padding: 4px 0;
}
#media-popup #media-sidebar .details label {
    float:left;
	width:120px;
}
#media-popup #media-sidebar .details input {
    float:left;
	width:260px;
}
/*UPLOAD FILES*/
#media-popup .row{
	padding-left: 15px;
	width: 100%;
	clear: both;
    float: left;
    margin-bottom: 10px;
}
#media-popup .row .choose{
	float:left;
	margin: 3px 5px 0 0;
}
#media-popup .row .browse{
	padding-left: 15px;	
}
#media-popup .row .browse p{
	padding-bottom: 5px;	
}
